<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>经销商对账单</title>

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- jqgrid-->
    <link href="__STATIC__/layout/css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/common.css" rel="stylesheet">
    <style>
        .row {
            margin: 0;
        }
        
        .btn {
            background: #fff;
            border: 1px solid #ccc;
            margin-right: 25px;
            margin: 5px 25px 5px;
        }
        
        .btn:hover {
            background: #f4f4f5
        }
        
        .border_S {
            border-bottom: 1px solid #ccc;
            color: #333;
        }
        
        .sub_btn {
            padding: 20px 0
        }
        
        .sub_btn input {
            border: 1px solid #ccc;
            background: #fff;
            margin-right: 15px;
            border-radius: 5px
        }
        
        .table {
            margin-bottom: 0;
        }
        
        table tr:nth-of-type(1) {
            background: #c5e1fe;
        }
        
        table tr:nth-of-type(2) td {
            text-align: right;
        }
        
        table tr td {
            color: #333;
            text-align: center;
        }
        
        ;
        table>tr>td {
            border: 1px solid #333;
        }
        
        ;
        div table tr td a.table_A {
            display: inline-block;
            padding: 4px 6px;
            border: 1px solid #ccc;
            border-radius: 6px;
            color: #333
        }
        
        table tr th {
            border: 0;
            background: #c8d0d8;
            text-align: center
        }
        
        table tr td:nth-of-type(3) {
            text-align: left;
        }
        
        h2 {
            text-align: center;
            padding-top: 5px;
        }
        
        ul,
        li {
            list-style: none;
            padding: 0;
        }
        
        ul li:nth-of-type(2) span {
            display: inline-block;
            width: 14%
        }
        
        p {
            font-size: 16px
        }
    </style>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- <script src="js/plugins/layer/layer.min.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/peity/jquery.peity.min.js"></script>

    <!-- 自定义js -->
    <script src="__STATIC__/layout/js/content.js?v=1.0.0"></script>
    <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
</head>

<body class="white-bg" style="color:#333;padding:3px;" class="x_sorll">
    <div class="row wrapper white-bg " style="position: relative;margin:0;height: 100px;border-bottom:3px solid #1090d0">
        <h2><span>广东省广州市博洁商贸有限公司</span><span class="h2_btn" style="position: absolute;top:10px; right:30px"><a href="javascript:;" class="btn" rol="button">导出对账单</a><a href="javascript:;" class="btn" rol="button">按活动查看</a></span></h2>
        <p style="text-align: center;">截止至year年month月date日&nbsp;经销商垫付费用对账单</p>
    </div>
    <div class="col-md-12 white-bg" style="padding-top: 20px">
        <p><span class="AgencyName">广东省广州市博洁商贸有限公司</span><span>(编号：<span  class="AgencyNum">编号变量</span>)</span>
        </p>
        <p>营业地址：<span class="AgencyAddress">广东省广州市番禺区翠湖居三街靠近海印星月</span><span style="padding:0 40px">联系人：<span class="AgencyContactMan">王五</span><span style="padding:0 40px"></span>联系电话：<span class="AgencyTel">17512345678</span></p>
        <p style="text-align: right;">下述金额为含税金额：人民币元</p>
    </div>
    <div class="row no-padding white-bg">
        <table class="table table-bordered" style="width: 100%;">
            <tr>
                <td colspan="7">
                    <ul style="width: 100%">
                        <li style="width: 100%">
                            未核准
                            <span style="display: inline-block; width: 100px">&nbsp;</span>
                            <span style="display: inline-block; width: 100px">&nbsp;</span>
                        </li>
                        <li>
                            <span>已批准</span>
                            <span>已核销</span>
                            <span>&nbsp;</span>
                            <span>&nbsp;</span>
                            <span>不予核销</span>
                            <span>已支付</span>
                            <span>待支付</span>
                        </li>
                        <li>
                            <span style="display: inline-block; width: 100px">&nbsp;</span>
                            <span>未申请</span>
                            <span style="display: inline-block; width: 100px">&nbsp;</span>
                            <span>申请中</span>
                            <span style="display: inline-block; width: 100px">&nbsp;</span>
                            <span style="display: inline-block; width: 100px">&nbsp;</span>
                            <span style="display: inline-block; width: 100px">&nbsp;</span>
                        </li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td>0.00</td>
                <td>0.00</td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>0.00</td>
                <td>0.00</td>
                <td>0.00</td>
            </tr>
        </table>
    </div>
    <div class="col-md-12 white-bg" style="padding-left: 20px">
        <h4>补充</h4>
        <p>经销商必须在拿到申请后才可以作费用垫付核销。广州销路通软件有限公司将不知福没有申请号的费用核销。</p>
        <p>因为活动可能存在变动或取消，请经销商以最新的对账信息为准，恕不另行通知</p>
        <p>如对以上对账单有任何疑问，请尽快与我方联系确认。</p>
        <p>本对账单最终解释权归本公司所有。</p>
    </div>

</body>

</html>